<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="keywords" content="data,global data,data catalog" />
  <title>Demo 2 of Keyword Highlight Plugin</title>
  <link type="text/css" rel="stylesheet" media="all" href="demo.css"/>

  <link type="text/css" rel="stylesheet" media="all" href="../css/plugin.css"/>
  <style>
	 .ex-plugin-keyword {
		padding: 0px 2px;
		cursor: pointer;
		text-decoration: none;
		border-bottom: dotted 1px black;
		color: red;
		font-style: italic;
	}

	.ex-plugin-keyword:hover{
		border:0;
	}

	.ex-plugin-popup-window {
		border: 7px solid rgba(0,0,0,0.3);
	}
		
	.ex-plugin-triangle .bor{
		border-color: #000 transparent transparent transparent;
	}
	.ex-plugin-triangle-top .bor{
		border-color: transparent transparent #000 transparent;
	}
  </style>
  <script type="text/javascript" src="../js/plugin.js"></script>
  <script type="text/javascript">
   /* <![CDATA[ */
			$hl_plugin.setup({
				selector: ".highlight", 
				mode: "first", 
				case_sen: false,
				resource_url: 'http:///hl-demo-for-worldbank.appspot.com/js/resource.json',
			});
	 /* ]]> */
 </script>

  </head>
  <body> 
	  <p class="intro">Demo 2</p>
	  <h4>User code:</h4>
	  <pre class="code">
	  &lt;link type="text/css" rel="stylesheet" media="all" href="../css/plugin.css"/&gt;
	  &lt;script type="text/javascript" src="../js/plugin.js"&gt;&lt;/script&gt;
	  &lt;script type="text/javascript"&gt;
			$hl_plugin.highlight({
				selector: ".highlight", 
				mode: "first", 
				case_sen: false, 
				resource_url: 'http:///hl-demo-for-worldbank.appspot.com/js/resource.json',
			});
	 &lt;/script&gt;
		</pre>
	  <h4>Keywords in following section are highlighted at their first apperance</h4>
	  <div class="origin">
	  <div class="highlight">
	  <p>Asia has the third largest nominal GDP of all continents, after North America and Europe,[citation needed] but the largest when measured in PPP. As of 2010, the largest economies in Asia are China, Japan, India, South Korea and Indonesia.<br/><br/>
	  In the late 1990s and early 2000s, the economies of the PRC[36] and India have been growing rapidly, both with an average annual growth rate of more than 8%. Other recent very high growth nations in Asia include Malaysia, the Philippines, Pakistan, Thailand, Vietnam, Mongolia, Uzbekistan, Cyprus, and mineral-rich nations such as Kazakhstan, Turkmenistan, Iran, Brunei, United Arab Emirates, Qatar, Kuwait, Saudi Arabia, Bahrain and Oman.<br/><br/>
		  <ul>
			<li>Colombia</li>
			<li>Canada</li>
			<li>China</li>
			<li>Japan</li>    
		  </ul>
	 <table class="origin"  border=0 cellpadding=0 cellspacing=0><tr><td>Czech Republic</td><td>9</td><td>9</td><td>X</td><td>X</td><td>9</td><td>9</td><td>X</td><td>X</td></tr><tr><td>Denmark</td><td>9</td><td>9</td><td>X</td><td>X</td><td>9</td><td>9</td><td>9</td><td>9</td></tr><tr><td>Ecuador</td><td>9</td><td>NA</td><td>X</td><td>NA</td><td>NA</td><td>NA</td><td>NA</td><td>NA</td></tr><tr><td>Estonia</td><td>9</td><td>9</td><td>X</td><td>X</td><td>9</td><td>9</td><td>9</td><td>9</td></tr><tr><td>Finland</td><td>9</td><td>9</td><td>X</td><td>X</td><td>9</td><td>9</td><td>X</td><td>X</td></tr><tr><td>France</td><td>9</td><td>9</td><td>X</td><td>X</td><td>9</td><td>9</td><td>X</td><td>X</td></tr><tr><td>Germany</td><td>9</td><td>9</td><td>X</td><td>X</td><td>9</td><td>9</td><td>X</td><td>X</td></tr><tr><td>Greece</td><td>X</td><td>X</td><td>9</td><td>9</td><td>9</td><td>9</td><td>X</td><td>X</td></tr><tr><td>Guatemala</td><td>NA</td><td>NA</td><td>NA</td><td>NA</td><td>NA</td><td>NA</td><td>NA</td><td>NA</td></tr><tr><td>Hong Kong SAR</td><td>9</td><td>9</td><td>X</td><td>X</td><td>9</td><td>9</td><td>X</td><td>X</td></tr><tr><td>Hungary</td><td>9</td><td>9</td><td>X</td><td>X</td><td>9</td><td>NA</td><td>X</td><td>NA</td></tr><tr><td>Iceland</td><td>9</td><td>9</td><td>X</td><td>X</td><td>9</td><td>9</td><td>X</td><td>X</td></tr><tr><td>Indonesia</td><td>NA</td><td>NA</td><td>NA</td><td>NA</td><td>NA</td><td>NA</td><td>NA</td><td>NA</td></tr><tr><td>Ireland</td><td>9</td><td>9</td><td>X</td><td>X</td><td>NA</td><td>NA</td><td>NA</td><td>NA</td></tr></table>
	 </div>
	 </div>


	  <h4>Keywords in following section are not hightlighted </h4>
			<div class="origin">
	  		<p> CHINESE leaders probably failed to anticipate the battering that China’s image abroad would suffer as a result of the awarding of the Nobel peace prize to an imprisoned Chinese dissident, Liu Xiaobo. They would have expected that their boycott of the award ceremony in Oslo on December 10th would invite comparisons in the West between China and the Soviet Union, which responded with similar fury to the award of the prize to Andrei Sakharov in 1975. It is unlikely they fully realised that their behaviour would be equated even more prominently with that of Nazi Germany.<p>
			<p>Prime Minister Manmohan Singh on Friday said India and the 27-nation European Union (EU) should take the lead in avoiding protectionism and open their markets for expanded business cooperation. Manmohan Singh, after attending the 11th India-EU summit, said he was confident the two sides were on the "right track" in enhancing their economic and strategic ties.</p>
		  <ul>
			<li>Colombia</li>
			<li>Canada</li>
			<li>China</li>
			<li>Japan</li>    
		  </ul>
	  <table class="origin"  border=0 cellpadding=0 cellspacing=0><tr><td>Argentina</td><td>9</td><td>NA</td><td>X</td><td>NA</td><td>9</td><td>NA</td><td>X</td><td>NA</td></tr><tr><td>Australia</td><td>X</td><td>X</td><td>9</td><td>9</td><td>9</td><td>9</td><td>X</td><td>X</td></tr><tr><td>Austria</td><td>9</td><td>9</td><td>X</td><td>X</td><td>9</td><td>9</td><td>X</td><td>X</td></tr><tr><td>Belgium</td><td>X</td><td>X</td><td>9</td><td>9</td><td>NA</td><td>NA</td><td>NA</td><td>NA</td></tr><tr><td>Bolivia</td><td>9</td><td>NA</td><td>X</td><td>NA</td><td>NA</td><td>NA</td><td>NA</td><td>NA</td></tr><tr><td>Botswana</td><td>X</td><td>X</td><td>9</td><td>9</td><td>9</td><td>9</td><td>X</td><td>X</td></tr><tr><td>Canada</td><td>9</td><td>9</td><td>X</td><td>X</td><td>9</td><td>9</td><td>X</td><td>X</td></tr><tr><td>Chile</td><td>9</td><td>9</td><td>X</td><td>X</td><td>NA</td><td>NA</td><td>NA</td><td>NA</td></tr><tr><td>Colombia</td><td>9</td><td>9</td><td>X</td><td>X</td><td>NA</td><td>NA</td><td>NA</td><td>NA</td></tr><tr><td>Costa Rica</td><td>9</td><td>NA</td><td>X</td><td>NA</td><td>NA</td><td>NA</td><td>NA</td><td>NA</td></tr><tr><td>Croatia</td><td>9</td><td>9</td><td>X</td><td>X</td><td>9</td><td>9</td><td>X</td><td>X</td></tr><tr></table>
	 </div>
	  </div>

  </body>

</html>
